<template>
    <div>
        <h5>页面入口列在微信底部菜单栏</h5>
        <div class="listwraper page-cell" ref="listWraper">
            <div class="con">
                <a href="./instructions.html" class="mint-cell">
                    <span class="mint-cell-mask"></span>
                    <div class="mint-cell-wrapper">
                        <div class="mint-cell-title">
                            <span class="mint-cell-text">产品知识列表-OK</span>
                        </div>
                        <div class="mint-cell-value is-link"><span></span></div>
                    </div>
                    <div class="mint-cell-right"></div>
                    <i class="mint-cell-allow-right"></i>
                </a>
                <a href="./parts.html" class="mint-cell">
                    <span class="mint-cell-mask"></span>
                    <div class="mint-cell-wrapper">
                        <div class="mint-cell-title">
                            <span class="mint-cell-text">零件服务列表-Ok</span>
                        </div>
                        <div class="mint-cell-value is-link"><span></span></div>
                    </div>
                    <div class="mint-cell-right"></div>
                    <i class="mint-cell-allow-right"></i>
                </a>
                <a href="./catindex.html" class="mint-cell">
                    <span class="mint-cell-mask"></span>
                    <div class="mint-cell-wrapper">
                        <div class="mint-cell-title">
                            <span class="mint-cell-text">CAT机组-Ok</span>
                        </div>
                        <div class="mint-cell-value is-link"><span></span></div>
                    </div>
                    <div class="mint-cell-right"></div>
                    <i class="mint-cell-allow-right"></i>
                </a>
                <a href="./perkins.html" class="mint-cell">
                    <span class="mint-cell-mask"></span>
                    <div class="mint-cell-wrapper">
                        <div class="mint-cell-title">
                            <span class="mint-cell-text">perkins-Ok</span>
                        </div>
                        <div class="mint-cell-value is-link"><span></span></div>
                    </div>
                    <div class="mint-cell-right"></div>
                    <i class="mint-cell-allow-right"></i>
                </a>
                <a href="./skills.html" class="mint-cell">
                    <span class="mint-cell-mask"></span>
                    <div class="mint-cell-wrapper">
                        <div class="mint-cell-title">
                            <span class="mint-cell-text">技术服务-Ok</span>
                        </div>
                        <div class="mint-cell-value is-link"><span></span></div>
                    </div>
                    <div class="mint-cell-right"></div>
                    <i class="mint-cell-allow-right"></i>
                </a>
                
                
                <a href="./enquiry.html" class="mint-cell">
                    <span class="mint-cell-mask"></span>
                    <div class="mint-cell-wrapper">
                        <div class="mint-cell-title">
                            <span class="mint-cell-text">在线询价-无接口</span>
                        </div>
                        <div class="mint-cell-value is-link"><span></span></div>
                    </div>
                    <div class="mint-cell-right"></div>
                    <i class="mint-cell-allow-right"></i>
                </a>
                
            </div>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">

    import BScroll from 'better-scroll';
    export default {
        created() {
            this.$nextTick(() => {
                this._initScroll();
            })
        },
        methods: {
            _initScroll() {
                this.listScroll = new BScroll(this.$refs.listWraper, {
                    click: true
                });
            }
        },
        components: {
            // 可以以key-value的形式注册组件, 此时挂载点的名字就是key
            // 否则挂载点和组件名字一致, 即vhead
            
        }
    }
</script>

<style scoped lang="less" rel="stylesheet/less">
h5{text-align: center;}
    .listwraper {
        position: absolute;
        top: 60px;
        width: 100%;
        bottom: 40px;
        overflow: hidden;
        z-index: 10;
    }

    ul {
        line-height: 190%;
    }
</style>
